// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'
import vueStore from './store/vueX'

import iView from 'iview';
import 'iview/dist/styles/iview.css';
import './assets/icon/iconfont.css';
import './assets/icon/iconfont.js';
import {
    Button,
    Table,
    TableColumn,
    Switch,
    Dialog,
    Radio,
    Checkbox,
    CheckboxButton,
    CheckboxGroup,
    MessageBox,
    Message,
    Carousel,
    CarouselItem
} from 'element-ui';
import { Loading } from 'element-ui';

import VideoPlayer from 'vue-video-player'
require('video.js/dist/video-js.css')
require('vue-video-player/src/custom-theme.css')
import 'videojs-flash'
Vue.use(VideoPlayer)
import VueHtml5Editor from 'vue-html5-editor'
Vue.use(VueHtml5Editor, {
    // 全局组件名称，使用new VueHtml5Editor(options)时该选项无效 
    // global component name
    name: "vue-html5-editor",
    // 是否显示模块名称，开启的话会在工具栏的图标后台直接显示名称
    // if set true,will append module name to toolbar after icon
    showModuleName: false,
    // 自定义各个图标的class，默认使用的是font-awesome提供的图标
    // custom icon class of built-in modules,default using font-awesome
    // icons: {
    //     text: "fa fa-pencil",
    //     color: "fa fa-paint-brush",
    //     font: "fa fa-font",
    //     align: "fa fa-align-justify",
    //     list: "fa fa-list",
    //     link: "fa fa-chain",
    //     unlink: "fa fa-chain-broken",
    //     tabulation: "fa fa-table",
    //     image: "fa fa-file-image-o",
    //     hr: "fa fa-minus",
    //     eraser: "fa fa-eraser",
    //     undo: "fa-undo fa",
    //     "full-screen": "fa fa-arrows-alt",
    //     info: "fa fa-info",
    // },
        icons: {
          text: "custom-icon text",
          color: "custom-icon color",
          font: "custom-icon font",
          align: "custom-icon align",
          list: "custom-icon list",
          link: "custom-icon link",
          unlink: "custom-icon unlink",
          tabulation: "custom-icon table",
          image: "custom-icon image",
          "horizontal-rule": "custom-icon hr",
          eraser: "custom-icon eraser",
          hr: "custom-icon hr",
          undo: "custom-icon undo",
          "full-screen": "custom-icon full-screen",
          info: "custom-icon info ",
      },
    // 配置图片模块
    // config image module
    image: {
        // 文件最大体积，单位字节  max file size
        sizeLimit: 512 * 1024 * 10,
        // 上传参数,默认把图片转为base64而不上传
        // upload config,default null and convert image to base64
        upload: {
            url: 'http://www.zhrlgx.com:3379/base/oss-upload-file',
            headers: {},
            params: {},
            fieldName: 'file'
        },
        // 压缩参数,默认使用localResizeIMG进行压缩,设置为null禁止压缩
        // compression config,default resize image by localResizeIMG (https://github.com/think2011/localResizeIMG)
        // set null to disable compression
        compress: {
            width: 1600,
            height: 1600,
            quality: 80
        },
        // 响应数据处理,最终返回图片链接
        // handle response data，return image url
        uploadHandler(responseText) {
            //default accept json data like  {ok:false,msg:"unexpected"} or {ok:true,data:"image url"}
            var json = JSON.parse(responseText)
            json.data = 'http://renli.oss-cn-shenzhen.aliyuncs.com/' + json.data;
            return json.data
        }
    },
    // 语言，内建的有英文（en-us）和中文（zh-cn）
    //default en-us, en-us and zh-cn are built-in
    language: "zh-cn",
    // 自定义语言
    i18n: {
        //specify your language here
        "zh-cn": {
            "align": "对齐方式",
            "image": "图片",
            "list": "列表",
            "link": "链接",
            "unlink": "去除链接",
            "table": "表格",
            "font": "文字",
            "full screen": "全屏",
            "text": "排版",
            "eraser": "格式清除",
            "info": "关于",
            "color": "颜色",
            "please enter a url": "请输入地址",
            "create link": "创建链接",
            "bold": "加粗",
            "italic": "倾斜",
            "underline": "下划线",
            "strike through": "删除线",
            "subscript": "上标",
            "superscript": "下标",
            "heading": "标题",
            "font name": "字体",
            "font size": "文字大小",
            "left justify": "左对齐",
            "center justify": "居中",
            "right justify": "右对齐",
            "ordered list": "有序列表",
            "unordered list": "无序列表",
            "fore color": "前景色",
            "background color": "背景色",
            "row count": "行数",
            "column count": "列数",
            "save": "确定",
            "upload": "上传",
            "progress": "进度",
            "unknown": "未知",
            "please wait": "请稍等",
            "error": "错误",
            "abort": "中断",
            "reset": "重置"
        }
    },
    // 隐藏不想要显示出来的模块
    // the modules you don't want
    hiddenModules: [],
    // 自定义要显示的模块，并控制顺序
    // keep only the modules you want and customize the order.
    // can be used with hiddenModules together
    visibleModules: [
        "text",
        "color",
        "font",
        "align",
        "list",
        "link",
        "unlink",
        "tabulation",
        "image",
        "hr",
        "eraser",
        "undo",
    ],
    // 扩展模块，具体可以参考examples或查看源码
    // extended modules
    modules: {
        //omit,reference to source code of build-in modules
    }
})
Vue.use(Table);
Vue.use(TableColumn);
Vue.use(Button);
Vue.use(Switch);
Vue.use(Dialog);
Vue.use(Radio);
Vue.use(Checkbox);
Vue.use(CheckboxButton);
Vue.use(CheckboxGroup);
Vue.use(Carousel);
Vue.use(CarouselItem);
Vue.use(Loading)

Vue.prototype.$alert = MessageBox.alert;
Vue.prototype.$confirm = MessageBox.confirm;

Vue.use(iView);
Vue.prototype.$Notice.config({
    top: 100,
    duration: 5
})
Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
    el: '#app',
    router,
    store: vueStore,
    components: {
        App
    },
    template: '<App/>'
})
